<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    * {
        margin: 0 auto;
    }
    .clear {
        clear: both;
    }
    .box {
        width: 1000px;
        margin-top: 20px;
    }
    .h3 {
        color: red;
    }


    .img1 {
        display: inline-block;
        width: 456px;
        float: left;
    }
    .jies {
        display: inline-block;
        width: 520px;
        float: right;
    }

</style>
<body>
    <div class="box">
        <details>
            <summary>国产电影</summary><br>
            <figure>
                <figcaption><h3 class="h3">《泰迦奥特曼：新生代之巅》</h3></figcaption><br>
                <div class="img1"><img src="img/img2.jpg"></div>
                <p class="jies">泰迦奥特曼剧场版<cite>《泰迦奥特曼：新生代之巅》</cite>的情报已经出来了不少，定档于3月6号（日本上映时间，国内引进时间未知）。作为令和时代第一部剧场版，自然会有新的皮套出现，不过这一次新的奥特战士可不一般，名为令迦，是集合11位奥特战士之力而诞生的奥特曼。在剧场版中，托雷基亚仍旧会出现，而且还会让泰罗黑化，更为关键的是封印在托雷基亚体内的怪兽格里姆德将会解除封印。</p>
            </figure>
            <div class="clear"></div>
            <ul>
                <li>大众评分：<meter max="100" value="70" low="60" high="80" optimum="90"></meter></li>
                <li>媒体评分：<meter max="100" value="80"></meter></li>
                <li>网络评分：<meter max="100" value="30" high="95" low="50" optimum="99"></meter></li>
            </ul>
        </details>
    </div>
</body>
</html>